探討網站黑暗模式的優缺點，配色如何使用？

「深色模式」為近年最夯的背景主題（意思是手機、平板、電腦等界面底色，以黑色或深灰色為主。）Apple、Google等平臺紛紛加入黑暗時代，為用戶提供除了白色（淺色）主題外的更多選擇。

一、為什么各大平臺都開放了暗色主題/深色模式？

繼蘋果IOS 13和Google推出深色模式，開始愈來愈多產品、用戶，都開始用這個風格的設計。它被視為是一種時髦、前衛的新UI設計典范。

Google 曾闡述了深色模式的三點優勢，分別為改善續航、提高低視力和強光敏感者的可視性，以及讓用戶在光線不足的環境下更好地使用設備。

有了Apple、Google等大公司的領銜，各大平臺也相繼跟風，參與這場黑色盛世。

二、暗色主題的緣起

雖然近年深色主題的風潮興于 Apple、Google，但其實黑色模式早在電腦誕生的初期就已經被使用。當時的設備僅能支持簡單色系，彩色顯示器是在 1980 年代后才逐漸普及。

后來Mac在 1984 年帶來了全新界面，使用白色為界面底色，才一改業界黑底的顯示，也是電腦的劃時代改革，沿用至今。至于為何當年蘋果會使用白色背景，這點蘋果并未透露，但大概能夠聯想到是模擬「紙張」來符合人類的閱讀習慣。

三、使用黑暗主題的平臺

作為內容消費型的 Netflix，也以深色為設計基底，這使得用戶能更集中注意在內容上，以延長使用時間，黑底白色，以顯眼的色差讓用戶能夠快速識別重要訊息。

黑暗主題的優缺點

2018 年，用戶關系管理（CRM）軟件服務提供商 SalesForce的設計師，為了研究哪種模式是最適合儀表板的，于是做了市調，大部分的用戶反饋，深色主題的圖表，會使反應更快且更加精準。這點在股票交易軟件得到了驗證。然而深色模式優劣個說紛紜，以下針對黑暗主題進行優缺點比較：

一、深色模式的優點：

1. 省電

普渡大學研究人員表示，當手機亮度設定30-40%時切換到深色模式時，平均能節省3 - 9%的電量;若亮度設定100%，切換到深色模式時，竟可以節省39 - 47%的電量。

2. 對視力低/強光敏感客戶友善

雖然深色模式已被證實沒有護眼的功能，但對于視力較低，或對強光敏感的用戶而言，卻是相對友善的。因為眼睛所需要接受的亮度面積大幅度的減少。

3. 低光環境專注提升也更舒適

亮色背景下的文字看久了容易疲乏，然而深色背景卻能補足這個缺點，將重要內容置于焦點，令你的眼睛更舒適，尤其是在黑房或飛機等昏暗環境。

二、深色模式的缺點：

1. 習慣轉換的不舒適感

散光為當代文明病，因于眼睛習慣在亮光下閱讀暗色文字，當切換回暗色背景時，會讓一些用戶在閱讀時感到不適。然這多出現于初始體驗暗色模式的用戶，大部分人在習慣這種模式之后，眼睛也會跟著適應。

2. 虹膜擴張引發的眼睛肌群疲乏

因虹膜在白底環境不需要太過擴張來吸收更多光線，但黑底的環境卻需要仰賴虹膜擴張。因此若長期使用深色模式，容易使得眼睛肌群疲勞。

網頁想要做暗色系，要留意什么？

市面上的網頁設計，仍舊以白底、淺色底居多。為顧及網站的用戶體驗，制作深色網站時需要特別留意以下問題：

1. 避免使用純黑色

高對比的色差容易讓人視覺疲勞，這不僅體現在純黑背景，純白背景也有同樣的情況。

2. 調整文字與飾色的色階

文字與裝飾色 / 配色在深色背景里，宜使用較淺的色階，使得閱讀性提升。較淺的顏色不僅能加強UI視覺表現立，更能保持恰當對比度，減緩視覺疲勞。

網頁設計使用深色系背景的好處

在設計網站的時候，喜歡使用亮色調來設計頁面，這是因為亮色調的應用可以使得頁面更清新。而深色系的顏色也可以設計出簡潔的、有創造力的頁面效果。那么，在設計網站的過程中，使用深色系背景的好處有哪些？

什么是深色模式？

深色模式是一種帶有淺色文字的深色背景。本質上，這是在白色背景配色方案上典型的黑色文本的部分反轉。

視覺捕捉，突出重點

深色系網站因為網站底色是以深色為主，所以在網站建設中會用較為突出的強調每個頁面板塊的按鈕變化，例如：紅色、黃色等。所以，在黑色背景的前提下，會產生視覺捕捉的效果，各個重點在黑色背景下能夠很好地凸顯。

背景會吸收元素

深色的頁面背景會吸收元素尤其是同色系的色彩，所以同類顏色的元素之間要有一定的留白。

視覺層次

增加深色背景，可以豐富界面的層級關系。

版權聲明：本文內容由互聯網用戶自發貢獻，該文觀點僅代表作者本人。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容， 請發送郵件至 lkba@aliyun.com 舉報，一經查實，本站將立刻刪除。

轉載請注明來自專注SEO技術,教程,推廣 ，本文標題：《網頁設計的背景與意義（網站配色的常見模式）》

標簽：